<template>
  <div class="echarts">
    <keep-alive>
      <xdh-echarts :options="options" width="580px" height="300px"></xdh-echarts>
    </keep-alive>
  </div>
</template>
<script>
  import XdhEcharts from '@/widgets/xdh-echarts'

  export default {
    components: {
      XdhEcharts
    },
    props: {
      regions: {
        type: Array
      },
      counts: {
        type: Array
      }
    },
    computed: {
      options() {
        return {
          tooltip: {},
          xAxis: {
            data: this.regions
          },
          yAxis: {},
          series: [{
            name: '',
            type: 'bar',
            data: this.counts
          }]
        }
      }
    },
    watch: {},
    data() {
      return {}
    },
    methods: {}
  }
</script>
